@font-face {
    font-family: 'index';
    src: url('fonts/icomoon.eot?r30znd');
    src: url('fonts/icomoon.eot?r30znd#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?r30znd') format('truetype'), url('fonts/icomoon.woff?r30znd') format('woff'), url('fonts/icomoon.svg?r30znd#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"],
[class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'index' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-car:before {
    content: "\e90c";
    color: #4d4d4d;
}

.icon-category:before {
    content: "\e90d";
    color: #707070;
}

.icon-ok:before {
    content: "\e90b";
    color: #ea545d;
}

.icon-index:before {
    content: "\e903";
    color: #515151;
}

.icon-right:before {
    content: "\e904";
    color: #515151;
}

.icon-search:before {
    content: "\e905";
    color: #515151;
}

.icon-user:before {
    content: "\e90a";
    color: #515151;
}

.icon-go:before {
    content: "\e900";
    color: #bfbfbf;
}

.icon-less .path1:before {
    content: "\e906";
    color: rgb(242, 187, 10);
}

.icon-less .path2:before {
    content: "\e907";
    margin-left: -1em;
    color: rgb(255, 242, 217);
}

.icon-less .path3:before {
    content: "\e908";
    margin-left: -1em;
    color: rgb(255, 255, 255);
}

.icon-less .path4:before {
    content: "\e909";
    margin-left: -1em;
    color: rgb(242, 187, 10);
}

.icon-com:before {
    content: "\e902";
}

.icon-set:before {
    content: "\e901";
}

.btn {
    width: 80%;
    background: #048AB9;
    color: white;
    display: block;
    margin: 20px auto 0;
    height: 40px;
    border-radius: 6px;
    overflow: hidden;
}